@m-height: 10.75rem;
@pc-height: 30.3125rem;
@cl-color:#175292;
@bg-size:1.875rem;
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ul{
	li{
		list-style: none;
	}
}
a{
	text-decoration: none;
}
#header{
	position: sticky;
	top: 0;
	z-index: 9;
}
#container{
	min-height: 100vh;
	background-color: #fff;
	.banner{
		margin-bottom: 1.875rem;
		display: flex;  
    justify-content: center; /* 水平居中 */  
    align-items: center; /* 垂直居中 */  
    position: relative; /* 如果需要的话 */
		.image{
			width: 100%;
			height: @pc-height;
			overflow: hidden;
			
			// object-fit: contain;
		}
		@media (max-width: 48rem) {
			.image{
				transition: .3s;
				width: 100%;
				// height: @m-height;
				overflow: hidden;
			}
		}
		.img-word{
			position: absolute;
			display: flex;
			width: 50%;
			justify-content: space-evenly;
			align-items: center;
			.small_img{
				width: 15.75rem;
				height: 15.75rem;
				margin-right: 30px;
			}
			@media (max-width:900px) {
				.small_img{
					width: 10.75rem;
					height:10.75rem;
					transition: .3s;
					margin-right: 30px;
				}
			}
			.right_img_word{
				color: #fff;
				.right_top_title{
					font-size: 1.25rem;
					font-weight: bold;
					margin-bottom: .9375rem;
				}
				.right_center_content{
					font-size: .875rem;
					margin-bottom: 1.875rem;
					p{
						margin-bottom: .3125rem;
					}
				}
				.right_down_btn{
					display: inline-block;
          padding: 0.3125rem 1.25rem;
          font-size: 0.875rem;
          text-align: center;
          background-color: #fff;
          color: #175292;
          border-radius: 1.25rem;
          border: none;
          cursor: pointer;
					font-weight: bold;
				}
				@media (max-width:800px) {
					.right_top_title{
						font-size: .825rem;
					}
					.right_center_content{
						font-size: .575rem;
					}
					.right_down_btn{
						font-size:.575rem ;
					}
				}
			}
		}
		@media (max-width: 31.25rem){
			.image{
				transition: .3s;
				width: 100%;
				height: @m-height;
				overflow: hidden;
			}
			.img-word{
				display: none;
			}
		}
	}
	.content{
		width: 77.5rem;
		margin: 0 auto;
		.show_list{
			display: flex;
			margin-bottom: 2.5rem;
			.left_category{
				// width: 20%;
				margin-right: 2.5rem;
				.top_title{
					font-size: 1.25rem;
					font-weight: bold;
					color: @cl-color;
					margin-bottom: 1.25rem;
				}
				.left_sub_list{
					font-family: Source Han Sans CN;
					color: #262626;
					font-size: .9375rem;
					.left_sub{
						display: flex;
						justify-content: space-between;
						margin-bottom: .625rem;
						align-items: center;
						border-bottom: .0625rem solid #AEC7DF;
						padding-bottom: .625rem;
						cursor: pointer;
						.right_icon{
							transform: rotate(270deg);
							color: #AEC7DF;
							font-size: 1rem;
						}
						
					}
					.is_hover{
						color:#AEC7DF;
					}
				}
			}
			.right_list{
				flex: 1;
				display: flex;
				flex-wrap: wrap;
				.right_herf{
					color: #262626;
					.right_sub_one{
						padding: 1.25rem;
						margin-right: 1.875rem;
						margin-bottom: 1.875rem;
						background-color: #fff;
						box-shadow: .0625rem .25rem .5rem 0rem rgba(31,33,33,0.3);
						display: inline-block;
						text-align: center;
						.right_sub_img{
							width: 12.5rem;
							height: 12.5rem;
							margin-bottom: 1.25rem;
						}
						.intro_word{
							border-top: .0625rem solid #AEC7DF;;
							padding-top: .625rem;
							text-align: left;
							.intro_word_title{
								font-size: .9375rem;
								font-weight: bold;
								margin-bottom: .625rem;
							}
							.intro_word_content{
								font-size: .6875rem;
							}
						}
					}
				}
				
			}
		}
		@media (max-width:520px) {
			.show_list{
				display: flex;
				flex-direction: column;
				justify-content: center;
				.left_category{
					margin-bottom: 20px;
				}
				.right_list{
					display: flex;
					flex-direction: column;
					align-items: center;
				}
			}
		}
		
	}
	@media (max-width:1260px) {
		.content{
			width: 100%;
			padding: 20px;
		}
	}
	/**分页样式*/
  .l-page{
  	margin-top: 1.875rem;
  	margin-bottom: 3.4375rem;
  	text-align: center;
  }
  .ui-pagination-page-item.active{
  		background-color: #2771ff;;
  		border:.0625rem solid #2771ff;
  		color: #fff;
  		// width: 100%;
  		// height: 100%;
  		// border-radius: 50%;
  }
  .ui-pagination-page-item{
  		margin: 0 .625rem;
  		padding: 0.1125rem 0.425rem;
  		// border:.0625rem solid #dddddd;
  		color: #636363;
  		font-size: .875rem;
  		border-radius: 50%;
  		text-decoration: none;
  		display: inline-block;
  		// width: 2.5rem;
  		// height: 2.5rem;
  		// line-height: 2.5rem;
  }
  .ui-pagination-page-item:hover{
  		color: #636363;
  }
  .ui-pagination-page-item.active:hover{
  		color: #fff;
  }
  .wrap{
  		width: 37.5rem;
  		margin: 3.125rem auto;
  }
}
@media (max-width:68.75rem) {
	footer{
		transition: .3s;
		display: none;
	}
}